{{ extend '../_layout/layout.html' }}

{{ block 'header'}}
<link rel="stylesheet" href="../../public/css/comment.css">
{{ /block }}>

{{ block 'content' }}
<div class="container">
    <div class="show_topic">
        <div class="header">
            <h1>{{ topic.title }}</h1>
            <span><small>{{ topic.author }}</small></span>
            <span><small>{{ topic.updated_time }}</small></span>
        </div>
        <div class="content">
            <p>{{ topic.content }}</p>
            <div class="niu">
                {{ if comments }}
                <a href="#">点赞</a><span>{{ comments.fabulous }}</span>
                <a href="#">收藏</a><span>{{ comments.collection }}</span>
                {{ else }}
                <a href="#">点赞</a><span>0</span>
                <a href="#">收藏</a><span>0</span>
                {{ /if }}

            </div>

        </div>

        <div class="edit_comment clearfix">
            <form id="comment_form">
                <label for="comment">发表评论</label>
                <textarea name="comment" id="comment" cols="30" rows="10"></textarea>
                <button class="btn">发表</button>
            </form>
        </div>
        <div class="comments">
            <h3>评论区</h3>
            <ul class="commentList">
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>hhhhahahahhahaahaha</p>
                </li>
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>
                        不推荐在ES5之前使用Date.parse方法，因为字符串的解析完全取决于实现。直到至今，不同宿主在如何解析日期字符串上仍存在许多差异，因此最好还是手动解析日期字符串（在需要适应不同格式时库能起到很大帮助）。
                    </p>
                </li>
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>
                        不推荐在ES5之前使用Date.parse方法，
                    </p>
                </li>
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>
                        不推荐在ES5之前使用Date.parse方法，
                    </p>
                </li>
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>
                        不推荐在ES5之前使用Date.parse方法，
                    </p>
                </li>
                <li>
                    <img src="/public/img/avatar_default.jpeg" alt="头像">
                    <span>@ 123</span>
                    <p>
                        不推荐在ES5之前使用Date.parse方法，
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>
{{ /block }}


{{ block 'script' }}

{{ /block }}